<%@ page import="cn.itlaobing.web.utils.IConstants" %><%--
  Created by IntelliJ IDEA.
  User: LD
  Date: 2017/12/14/0014
  Time: 14:09
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>+
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>" >
    <!-- Basic -->
    <meta charset="UTF-8" />
    <title><%=IConstants.MANAGEMENTMSG %></title>
    <meta name="description" content="<%=IConstants.MANAGEMENTDESC %>" />

    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Import google fonts -->
    <<%--link href='http://fonts.useso.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>--%>
    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="/management/web/ico/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/management/web/ico/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/management/web/ico/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/management/web/ico/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/management/web/ico/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/management/web/ico/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/management/web/ico/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/management/web/ico/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/management/web/ico/apple-touch-icon-152x152.png" />
    <!-- start: CSS file-->

    <!-- Vendor CSS-->
    <link href="/management/web/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/management/web/vendor/skycons/css/skycons.css" rel="stylesheet" />
    <link href="/management/web/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="/management/web/vendor/css/pace.preloader.css" rel="stylesheet" />

    <!-- Plugins CSS-->
    <link href="/management/web/plugins/jquery-ui/css/jquery-ui-1.10.4.min.css" rel="stylesheet" />
    <link href="/management/web/plugins/scrollbar/css/mCustomScrollbar.css" rel="stylesheet" />
    <link href="/management/web/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
    <link href="/management/web/plugins/magnific-popup/css/magnific-popup.css" rel="stylesheet" />
    <link href="/management/web/plugins/fullcalendar/css/fullcalendar.css" rel="stylesheet" />
    <link href="/management/web/plugins/jqvmap/jqvmap.css" rel="stylesheet" />

    <!-- Theme CSS -->
    <link href="/management/web/css/jquery.mmenu.css" rel="stylesheet" />

    <!-- Page CSS -->
    <link href="/management/web/css/style.css" rel="stylesheet" />
    <link href="/management/web/css/add-ons.min.css" rel="stylesheet" />

    <!-- end: CSS file-->


    <!-- Head Libs -->
    <script src="/management/web/plugins/modernizr/js/modernizr.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<jsp:include page="inc/header.jsp"></jsp:include>

<!-- Start: Content -->
<div class="container-fluid content">
    <div class="row">

    <%@include file="inc/left.jsp" %>


        <!-- Main Page -->
        <div class="main ">
            <!-- Page Header -->
            <div class="page-header">
                <div class="pull-left">
                    <ol class="breadcrumb visible-sm visible-md visible-lg">
                        <li><a href="/management/index"><i class="icon fa fa-home"></i>首页</a></li>
                    </ol>
                </div>
            </div>
            <!-- End Page Header -->
            <%--此处开始--%>


            <div class="row no-gutter" id="user-profile">
                <div class="row col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4><i class="fa fa-user"></i>&nbsp;${managementlogin.userRealName}</h4>
                        </div>
                        <div class="panel-body" style="height:300px; text-align: center;">
                            <%-- 显示头像 begin --%>
                            <div class="bk-avatar">
                                <c:if test="${empty managementlogin.headImage}">
                                    <img class="img-circle bk-img-120 img-circle"
                                         alt="${managementlogin.userRealName }" src="/management/web/img/no_img.png"/>
                                </c:if>

                                <c:if test="${not empty managementlogin.headImage}">
                                    <img
                                            class="img-circle bk-img-120 img-circle bk-margin-bottom-10"
                                            alt="${managementlogin.userRealName }"
                                            src="/uploadimg/${managementlogin.headImage}"/>
                                </c:if>
                            </div>
                            <div class="profile-label">
                                <span class="label label-danger">${managementlogin.userRealName}</span>
                                <span style="color: #00a2d4;font-size: 12px;font-weight:bold"><c:forEach items="${managementlogin.roles}" var="item" >
                                    ${item.roleName}&nbsp;
                                </c:forEach></span>
                            </div>
                            <div class="profile-since">
                                <a class="btn btn-link"> <i
                                        class="glyphicon glyphicon-time green"></i> 上次登录时间:
                                    <c:if test="${empty managementlogin.lastLoginTime }">
                                        首次登录
                                    </c:if>
                                    <c:if test="${not empty managementlogin.lastLoginTime }">
                                        <fmt:formatDate pattern="yyyy-MM-dd HH:mm"
                                                        value="${managementlogin.lastLoginTime }"/>
                                    </c:if>
                                </a>
                            </div>

                            <hr/>

                            <div class="profile-message-btn center-block text-center">
                                <a href="/management/systemuserheadimg" class="btn btn-success">
                                    <i class="glyphicon glyphicon-edit"></i>
                                    修改头像
                                </a>
                                <a href="/management/systemuserpass" class="btn btn-info">
                                    <i class="fa fa-unlock-alt"></i>
                                    修改密码
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row col-md-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4><i class="fa fa-book"></i>&nbsp;个人信息</h4>

                        </div>
                        <div class="panel-body">


                            <div class="table-responsive">
                                <table class="table table-condensed table-striped table-bordered table-hover no-margin">
                                    <tr style="height: 30px">
                                        <td style="width: 20% " align="center">
                                            <h5>姓名:</h5>
                                        </td>
                                        <td class="hidden-phone">
                                            <h5>${managementlogin.userRealName}</h5>
                                        </td>
                                    </tr>
                                    <tr style="height: 30px">
                                        <td style="width: 20%" align="center">
                                            <h5>电话:</h5>
                                        </td>
                                        <td class="hidden-phone">
                                            <h5>${managementlogin.userPhone}</h5>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>



            <%--此处结束--%>
        </div>
        <!-- End Main Page -->

        <%@include file="inc/footer.jsp" %>
    </div>
</div><!--/container-->


<div class="clearfix"></div>


<!-- start: JavaScript-->

<!-- Vendor JS-->
<script src="/management/web/vendor/js/jquery.min.js"></script>
<script src="/management/web/vendor/js/jquery-2.1.1.min.js"></script>
<script src="/management/web/vendor/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/management/web/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/management/web/vendor/skycons/js/skycons.js"></script>
<script src="/management/web/vendor/js/pace.min.js"></script>
<!-- plugins JS-->
<script src="/management/web/plugins/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>
<script src="/management/web/plugins/scrollbar/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/management/web/plugins/bootkit/js/bootkit.js"></script>
<script src="/management/web/plugins/magnific-popup/js/magnific-popup.js"></script>
<script src="/management/web/plugins/moment/js/moment.min.js"></script>
<script src="/management/web/plugins/fullcalendar/js/fullcalendar.js"></script>
<script src="/management/web/plugins/flot/js/jquery.flot.min.js"></script>
<script src="/management/web/plugins/flot/js/jquery.flot.pie.min.js"></script>
<script src="/management/web/plugins/flot/js/jquery.flot.resize.min.js"></script>
<script src="/management/web/plugins/flot/js/jquery.flot.stack.min.js"></script>
<script src="/management/web/plugins/flot/js/jquery.flot.time.min.js"></script>
<script src="/management/web/plugins/flot-tooltip/js/jquery.flot.tooltip.js"></script>
<script src="/management/web/plugins/chart-master/js/Chart.js"></script>
<script src="/management/web/plugins/jqvmap/jquery.vmap.js"></script>
<script src="/management/web/plugins/jqvmap/data/jquery.vmap.sampledata.js"></script>
<script src="/management/web/plugins/jqvmap/maps/jquery.vmap.world.js"></script>
<script src="/management/web/plugins/sparkline/js/jquery.sparkline.min.js"></script>
<!-- Th-->
<script src="/management/web/js/jquery.mmenu.min.js"></script>
<script src="/management/web/js/core.min.js"></script>

<!-- Pages JS -->
<script src="/management/web/js/pages/index.js"></script>
<!-- end: JavaScript-->

</body>

</html>